<template>
	<div class="foot">
		<div class="foot1">
			<img src="@/assets/img/xia.png" alt="">
			<p>首页</p>
		</div>
		<div class="foot1">
			<img src="@/assets/img/shu.png" alt="">
			<p>订单</p>
		</div>
		<router-link to='/me' tag='div' class="foot1">
			<img src="@/assets/img/bird.png" alt="">
			<p>个人中心</p>
		</router-link>
	</div>
</template>
<style lang='stylus' scoped>
	.foot{
		width: 100%;
		background: #fff;
		display: flex;
		position: fixed;
		justify-content: space-between;
		bottom: 0;
		left: 0;
		align-items: center;
		z-index: 9999;
		.foot1{
			width: 33.333%;
			text-align: center;
			padding:.1rem 0;
			img{
				width: .6rem;
			}
			p{
				font-size: .4rem;
				margin-top: .1rem;
			}
		}
	}
</style>